<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>京东首页</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="js/Nivo/themes/bar/bar.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="js/Nivo/nivo-slider.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/Nivo/demo/scripts/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/Nivo/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
</head>
<body>
<!--************************************最上面一栏************************************************-->
	<div id="top_banner">
		<div class="w">
			<div class="fl">
				<a href="#">送至：芜湖</a>
			</div>
			<ul class="fr" id="top_banner_menu_list">
				<li class="spacer"><a href="#">您好，请登录</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">免费注册</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">我的订单</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">我的京东</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">京东会员</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">企业采购</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">手机京东</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">关注京东</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">客户服务</a></li>
				<li class="line"></li>
				<li class="spacer"><a href="#">网站导航</a></li>
			</ul>
		</div>
	</div>
<!--*************************************第二栏图片********************************************************* -->
	<div id="second_logo">
		<img src="images/second_logo.jpg">
	</div>
<!--*****************************第三栏 logo 搜索*********************************************** -->	
	<div class="w" id="logo_search">
		<div class="fl left_logo">
			<img src="images/jd_logo.png">
		</div>
		<div class="fl ">
			<input id="search_text" type="text" name="text" placeholder="京东搜索" />
			<input id="search_submit" type="submit" value="搜索" />
			<div id="search_nav">
				<ul >
					<li ><a style="color:red" href="#">鞋服清仓</a></li>
					<li><a href="#">千元优惠</a></li>
					<li><a href="#">买3免1</a></li>
					<li><a href="#">9.9元团购</a></li>
					<li><a href="#">每满100减30</a></li>
					<li><a href="#">实木床</a></li>
					<li><a href="#">奥克斯</a></li>
					<li><a href="#">小米电视</a></li>
					<li><a href="#">世界观</a></li>
				</ul>
			</div>
		</div>
		<div class="fr" id="cat_right">
			<a href="#">
				<div id="cat">
					我的购物车      &gt;
				</div>
			</a>
		</div>
	</div>
<!--*******************************第四栏 导航条******************************************-->
	<div id="nav">
		<div class="w">
			<div class="fl">
				<a id="catalog" href="#">全部商品分类</a>
			</div>
			<ul>
				<li><a href="#">服装城</a></li>
				<li><a href="#">美妆馆</a></li>
				<li><a href="#">京东超市</a></li>
				<li><a href="#">生鲜</a></li>
				<li><a href="#">全球购</a></li>
				<li><a href="#">闪购</a></li>
				<li><a href="#">团购</a></li>
				<li><a href="#">拍卖</a></li>
				<li><a href="#">金融</a></li>
			</ul>
		</div>
	</div>
<!--***********************第五栏  分类栏 轮播图*********************************************-->
<div id="five">
	<div class="w" >
		<div class="fl" id="cat_list_item">
			<div class ="cat_list_item_catalog">
				<a href="#">家用电器</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">手机、数码、京东通信</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">家居、家具、家装、厨具</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">男装、女装、童装、内衣</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">个护化妆、清洁用品、宠物</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">鞋靴、箱包、珠宝、奢侈品</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">运动户外、钟表</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">汽车、汽车用品</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">母婴、玩具乐器</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">食品、酒类、生鲜、特产</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">医药保健</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">图书、音像、电子书</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">彩票、旅行、充值、票务</a>
				<i>></i>
			</div>
			<div class ="cat_list_item_catalog">
				<a href="#">理财、众筹、白条、保险</a>
				<i>></i>
			</div>
		</div>
		<div class="fl" id="main_img">
			<div class="slider-wrapper theme-bar">
				<div id="slider" class="nivoSlider">
	                <img src="update/1.jpg" />
	                <img src="update/2.jpg" />
	                <img src="update/3.jpg" />
	                <img src="update/4.jpg" />
	                <img src="update/5.jpg" />
	                <img src="update/6.jpg" />
	            </div>
            </div>
		</div>
		<div class="fr" id="main_right">
			<div id="main_right_top">
				<div id="main_right_top_news">
					<div id="news">
						<h2>京东快报</h2>
					</div>
					<div id="more">
						<a href="#">更多&nbsp;&nbsp;&gt;</a>
					</div>
				</div>
			<div id="gonggao">
				<ul>
					<li>
						<a href="#">
							<span>[特惠]</span>
							闪购清仓大促满199减100
						</a>
					</li>
					<li>
						<a href="#">
							<span>[公告]</span>
							华东华北区因强降雨配送延迟
						</a>
					</li>
					<li>
						<a href="#">
							<span>[特惠]</span>
							图书每满100减30 上不封顶
						</a>
					</li>
					<li>
						<a href="#">
							<span>[公告]</span>
							丹寨馆百日庆 传承文化邀您欣赏
						</a>
					</li>
					<li>
						<a href="#">
							<span>[特惠]</span>
							每日享折扣 京东品质游
						</a>
					</li>
				</ul>
				<ul id="icon_list">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<img src="images/mian_right_bottom.jpg">
			</div>
		</div>
	</div>
	</div>
</div>
<!--***********第六栏****************************-->
	<div class="w" id="six">
		<div class="fl" id="six_img">
			<a href="#"><img src="images/jrtj.png"></a> 
		</div>
		<div class="fl" id="six_img_list">
			<ul >
				<li><a href="#"><img src="update/6_1.jpg"></a></li>
				<li><a href="#"><img src="update/6_2.jpg"></a></li>
				<li><a href="#"><img src="update/6_3.jpg"></a></li>
				<li><a href="#"><img src="update/6_4.jpg"></a></li>
			</ul>
		</div>
	</div>
<!--***********************第七栏 ***********************************************************-->
	<div class="w">
		<div id="seven_top">
			<h2>猜你喜欢<span><i>根据你的喜好精心为你推荐！</i></span></h2>
			<a href="#">换一批</a>			
		</div>
		<div id="seven_bottom">
			<ul id="seven_bottom_list">
				<li>
					<div class="seven_bottom_img"><a href="#"><img src="update/7-1.jpg"></a></div>
					<div class="seven_bottom_list_name">
						<a href="#">
							<p>海尔(Haier)60升数显 双管多功率专利防电墙电</p>
							<p class="seven_bottom_list_name_price"><span>￥</span>1099.00</p>
						</a>
					</div>
				</li>
				<li>
					<div class="seven_bottom_img"><a href="#"><img src="update/7-2.jpg"></a></div>
					<div class="seven_bottom_list_name">
						<a href="#">
							<p>海尔(Haier)60升数显 双管多功率专利防电墙电</p>
							<p class="seven_bottom_list_name_price"><span>￥</span>1099.00</p>
						</a>
					</div>
				</li>
				<li>
					<div class="seven_bottom_img"><a href="#"><img src="update/7-3.jpg"></a></div>
					<div class="seven_bottom_list_name">
						<a href="#">
							<p>海尔(Haier)60升数显 双管多功率专利防电墙电</p>
							<p class="seven_bottom_list_name_price"><span>￥</span>1099.00</p>
						</a>
					</div>
				</li>
				<li>
					<div class="seven_bottom_img"><a href="#"><img src="update/7-4.jpg"></a></div>
					<div class="seven_bottom_list_name">
						<a href="#">
							<p>海尔(Haier)60升数显 双管多功率专利防电墙电</p>
							<p class="seven_bottom_list_name_price"><span>￥</span>1099.00</p>
						</a>
					</div>
				</li>
				<li>
					<div class="seven_bottom_img"><a href="#"><img src="update/7-5.jpg"></a></div>
					<div class="seven_bottom_list_name">
						<a href="#">
							<p>海尔(Haier)60升数显 双管多功率专利防电墙电</p>
							<p class="seven_bottom_list_name_price"><span>￥</span>1099.00</p>
						</a>
					</div>
				</li>
				<li>
					<div class="seven_bottom_img"><a href="#"><img src="update/7-6.jpg"></a></div>
					<div class="seven_bottom_list_name">
						<a href="#">
							<p>海尔(Haier)60升数显 双管多功率专利防电墙电</p>
							<p class="seven_bottom_list_name_price"><span>￥</span>1099.00</p>
						</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
<!--***********************第八栏 ***********************************************************-->
	<div class="w" id="eight">
		<h2>京东·品质生活</h2>
		<div id="eight_bottom">
			<div id="eight_bottom_right">
				<a href="#" id="eight_bottom_right_a">
					<p id="eight_bottom_right_top">新发现</p>
					<div id="eight_bottom_right_title">
						<p class="title">索尼PS VR</p>
						<p class="desc">限时抢购</p>
						<p class="promotion">给你临时的现场感</p>
					</div>
					<img src="update/8-1.jpg">
				</a>
				<a href="#" id="eight_bottom_right_bottom_left">
					<div id="eight_bottom_right_bottom_left_title">
						<p class="title">新先购</p>
						<p class="desc">全新酷鱼首发</p>
						<p class="promotion">迅猛归来</p>
					</div>
					<img src="update/8_1.1.jpg">
				</a>
				<a href="#" id="eight_bottom_right_bottom_right">
					<div id="eight_bottom_right_bottom_right_title">
						<p class="title">限时秒杀</p>
						<p class="desc">品牌聚焦</p>
						<p class="promotion">史密斯热水器限时购</p>
					</div>
					<img src="update/8_1.2.jpg">
				</a>
			</div>
		</div>
		<div id="eight_bottom_right_second">
			<a id="eight_bottom_right_second_title" href="#">
				<p id="eight_bottom_right_second_title_top">好东西</p>
				<div id="eight_bottom_right_second_title_img1">
					<p class="title">达人推荐</p>
					<p class="desc">七夕将至高能预警</p>
					<p class="promotion">话说送点啥子好?</p>
				</div>
				<img src="update/8_2.1.jpg">
			</a>
			<a href="#" id="eight_bottom_right_second_title_bottom">
				<div id="eight_bottom_right_second_title_img2">
					<p class="title">头条资讯</p>
					<p class="desc">平板电脑哪家强</p>
					<p class="promotion">小编带你看排行</p>
				</div>
				<img src="update/8_2.2.jpg">
			</a>
		</div>
		<div id="eight_bottom">
			<div id="eight_bottom_right">
				<a href="#" id="eight_bottom_right_a">
					<p id="eight_bottom_right_top">新发现</p>
					<div id="eight_bottom_right_title">
						<p class="title">索尼PS VR</p>
						<p class="desc">限时抢购</p>
						<p class="promotion">给你临时的现场感</p>
					</div>
					<img src="update/8_3.1.jpg">
				</a>
				<a href="#" id="eight_bottom_right_bottom_left">
					<div id="eight_bottom_right_bottom_left_title">
						<p class="title">新先购</p>
						<p class="desc">全新酷鱼首发</p>
						<p class="promotion">迅猛归来</p>
					</div>
					<img src="update/8_3.2.jpg">
				</a>
				<a href="#" id="eight_bottom_right_bottom_right">
					<div id="eight_bottom_right_bottom_right_title">
						<p class="title">限时秒杀</p>
						<p class="desc">品牌聚焦</p>
						<p class="promotion">史密斯热水器限时购</p>
					</div>
					<img src="update/8_3.3.jpg">
				</a>
			</div>
		</div>
		<div id="eight_bottom_phone">
			<div id="eight_bottom_phone_left">
				<ul>
					<li><a href="#"><img src="update/8_4.1.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.2.png"></a></li>
					<li><a href="#"><img src="update/8_4.3.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.4.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.5.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.6.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.7.jpg"></a></li>

				</ul>
			</div>
			<div id="eight_bottom_phone_right">
				<ul>
					<li><a href="#"><img src="update/8_4.8.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.9.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.10.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.11.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.12.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.13.jpg"></a></li>
					<li><a href="#"><img src="update/8_4.14.jpg"></a></li>

				</ul>
			</div>
		</div>
	</div>
	
<!--***********************第九栏 ***********************************************************-->
	<div class="w" id="night">
		<img src="images/9_1.jpg">
		<img src="images/9_2.jpg">
		<img src="images/9_3.jpg">
	</div>
<!--***********************楼层1F ***********************************************************-->	
	<div class="w">
		<div class="floor_top">
			<h2 class="fl"><span>1F</span>服装鞋包</h2>
			<ul class="fr">
				<li><a href="#">大牌</a></li>
				<li class="line"></li>
				<li class="selected"><a href="#">男装</a></li>
				<li class="line"></li>
				<li><a href="#">女装</a></li>
				<li class="line"></li>
				<li><a href="#">鞋靴</a></li>
				<li class="line"></li>
				<li><a href="#">箱包</a></li>
				<li class="line"></li>
				<li><a href="#">内衣配饰</a></li>
				<li class="line"></li>
				<li><a href="#">珠宝首饰</a></li>
				<li class="line"></li>
				<li><a href="#">奢品礼品</a></li>
				<li class="line"></li>
				<li><a href="#">奢华腕表</a></li> 
			</ul>
		</div>
		<div class=" fl floor_1_left">
			<div>
				<a href="#"><img src="update/floor_1.jpg"></a>
			</div>
			<ul class="themes">
				<li><a href="#">男装</a></li>
				<li><a href="#">女装</a></li>
				<li><a href="#">内衣</a></li>
				<li><a href="#">鞋靴</a></li>
				<li><a href="#">箱包</a></li>
				<li><a href="#">奢侈品</a></li>	
			</ul>
			<ul class="word">
				<li class="words_left">
					<a href="#"><span>潮流女装</span></a>
					<a href="#">丝巾</a>
					<a href="#">服装城</a>
					<a href="#">品质男鞋</a>
					<a href="#">时尚女装</a>
					<a href="#"><span>精品男装</span></a>
					<a href="#">纯棉内裤</a>
					<a href="#">奢侈品</a>
				</li>
				<li class="words_right">
					<a href="#">菩提手串</a>
					<a href="#"><span>水晶手链</span></a>
					<a href="#">时尚女包</a>
					<a href="#">精品男包</a>
					<a href="#">维式手表</a>
					<a href="#"><span>奢品名表</span></a>
					<a href="#">国表经典</a>
					<a href="#">潮流日表</a>
				</li>
			</ul>
			<div class="floor_1_left_bottom">
				<a href="#"><img src="update/floor_2.jpg"></a>
			</div>
		</div>
		<div class="floor_1_right">
			<ul class="floor_1_right_top">
				<li>
					<div class="p_img">
						<a href="#" title="宝姿纯色全棉免烫短袖衬衫"><img src="update/floor_3.jpg"></a>
					</div>
					<div class="p_name">
						<a href="#" title="宝姿纯色全棉免烫短袖衬衫">宝姿纯色全棉免烫短袖衬衫</a>
					</div>
					<div class="p_price">
						<span>￥</span>
						302.00
					</div>
				</li>
				<li>
					<div class="p_img">
						<a href="#" title="宝姿纯色全棉免烫短袖衬衫"><img src="update/floor_3.jpg"></a>
					</div>
					<div class="p_name">
						<a href="#" title="宝姿纯色全棉免烫短袖衬衫">宝姿纯色全棉免烫短袖衬衫</a>
					</div>
					<div class="p_price">
						<span>￥</span>
						302.00
					</div>
				</li>
				<li>
					<div class="p_img">
						<a href="#" title="宝姿纯色全棉免烫短袖衬衫"><img src="update/floor_3.jpg"></a>
					</div>
					<div class="p_name">
						<a href="#" title="宝姿纯色全棉免烫短袖衬衫">宝姿纯色全棉免烫短袖衬衫</a>
					</div>
					<div class="p_price">
						<span>￥</span>
						302.00
					</div>
				</li>
				<li>
					<div class="p_img">
						<a href="#" title="依文商务休闲修身款短袖衬衫"><img src="update/floor_4.jpg"></a>
					</div>
					<div class="p_name">
						<a href="#" title="依文商务休闲修身款短袖衬衫">依文商务休闲修身款短袖衬衫</a>
					</div>
					<div class="p_price">
						<span>￥</span>
						200.00
					</div>
				</li>
				<li>
					<div class="p_img">
						<a href="#" title="美特斯邦威简约舒适基本款长袖衬衫"><img src="update/floor_5.jpg"></a>
					</div>
					<div class="p_name">
						<a href="#" title="美特斯邦威简约舒适基本款长袖衬衫">美特斯邦威简约舒适基本款长袖衬衫</a>
					</div>
					<div class="p_price">
						<span>￥</span>
						139.00
					</div>
				</li>
				<li>
					<div class="p_img">
						<a href="#" title="马克华菲短袖T恤 男士休闲POLO衫"><img src="update/floor_6.jpg"></a>
					</div>
					<div class="p_name">
						<a href="#" title="马克华菲短袖T恤 男士休闲POLO衫">马克华菲短袖T恤 男士休闲POLO衫</a>
					</div>
					<div class="p_price">
						<span>￥</span>
						108.00
					</div>
				</li>
				<li>
					<div class="p_img">
						<a href="#" title="GANT甘特休闲时尚舒适纯棉短裤五分裤"><img src="update/floor_7.jpg"></a>
					</div>
					<div class="p_name">
						<a href="#" title="GANT甘特休闲时尚舒适纯棉短裤五分裤">GANT甘特休闲时尚舒适纯棉短裤五分裤</a>
					</div>
					<div class="p_price">
						<span>￥</span>
						629.00
					</div>
				</li>
				<li>
					<div class="p_img">
						<a href="#" title="FIRS杉杉男士商务修身休闲裤"><img src="update/floor_8.jpg"></a>
					</div>
					<div class="p_name">
						<a href="#" title="FIRS杉杉男士商务修身休闲裤">FIRS杉杉男士商务修身休闲裤</a>
					</div>
					<div class="p_price">
						<span>￥</span>
						302.00
					</div>
				</li>
			</ul>
			<ul class="floor_1_right_bottom">
				<li><a href="#"><img src="update/floor_11.jpg"></a></li>
				<li><a href="#"><img src="update/floor_12.jpg"></a></a></li>
				<li><a href="#"><img src="update/floor_13.jpg"></a>/a></li>
				<li><a href="#"><img src="update/floor_14.jpg"></a></a></li>
			</ul>
		</div>
	</div>
	<div class="w brands">
		<ul>
			<li class="first_catalog"><a href="#"></a><img src="update/brands_1.1.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.2.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.3.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.4.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.5.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.6.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.7.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.8.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.9.jpg"></li>
			<li><a href="#"></a><img src="update/brands_1.10.jpg"></li>
		</ul>
	</div>
<!--***********************楼层2F ***********************************************************-->	
	<div class="w" id="second_floor">
		<div class="floor_top">
			<h2 class="fl"><span>2F</span>个护美妆</h2>
			<ul class="fr">
				<li class="selected"><a href="#">热门</a></li>
				<li class="line"></li>
				<li><a href="#">国际大牌</a></li>
				<li class="line"></li>
				<li><a href="#">国妆名品</a></li>
				<li class="line"></li>
				<li><a href="#">个人护理</a></li>
				<li class="line"></li>
				<li><a href="#">清洁用品</a></li>
				<li class="line"></li>
				<li><a href="#">纸品湿巾</a></li>
				<li class="line"></li>
				<li><a href="#">香水彩妆</a></li>
				<li class="line"></li>
				<li><a href="#">热销面膜</a></li>
				<li class="line"></li>
				<li><a href="#">男士精品</a></li> 
			</ul>
		</div>
		<div class="mc">
			<div class="side">
				<div class="side_inner">
					<div class="pic">
						<a href="#"><img src="update/floor_2.1.jpg"></a>
					</div>
					<ul class="theme">
						<li class="fore1">
							<a href="#">
								<i class="icon"></i>
								<span>美妆特卖</span>
							</a>
						</li>
						<li class="fore2">
							<a href="#">
								<i class="icon"></i>
								<span>个护清洁</span>
							</a>
						</li>
						<li class="fore3">
							<a href="#">
								<i class="icon"></i>
								<span>美妆商城</span>
							</a>
						</li>
						<li class="fore4">
							<a href="#">
								<i class="icon"></i>
								<span>官方直售</span>
							</a>
						</li>
					</ul>
					<ul class="assists">
						<li>
							<a href="#">欧莱雅奥运</a>
							<i>></i>
						</li>
						<li>
							<a href="#">女性护理 部分199减80</a>
							<i>></i>
						</li>
						<!-- <li>
							<a href="#">家化集团日</a>
							<i>></i>
						</li> -->
					</ul>
					<ul class="words">
						<li>
							<a href="#"><span class="style_red">国际馆</span></a>
							<a href="#">国妆馆</a>
							<a href="#">全球购馆</a>
							<a href="#">洗护馆</a>
							<a href="#"><span class="style_red">清洁馆</span></a>
							<a href="#">纸品馆</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>




<div style="height:1000px;"></div>
</body>
</html>